<%@page import="java.util.Date"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<head>

</head>
<body>
<div class="navi-block">
		<div>
			<a href="home.html">Trang Chủ </a> <img src="resources/images/arrow.png" />
		</div>
		<c:forEach var="block" items="${navi}">
			<div>
				<a href="detailcategory.html?id=${block.categoryId}">${block.categoryName}</a> <img src="resources/images/arrow.png" />
			</div>
		</c:forEach>
	
		<div>
			<a href="home.html">${productDetail.product.productName}</a>
		</div>

	</div>
	<div class="content">
		<!--main content-->
		<div class="content-main">
			<!--detail -->
			<div class="product-detail">
				<div class="gallary">
					<ul class="pgwSlideshow">
						<c:forEach var="images" items="${productDetail.images}">
							<li><img src="${images.imageUrl}"></li>
						</c:forEach>
					</ul>
				</div>

				<div class="infos">
					<div class="name">${productDetail.product.productName}</div>
					<c:choose>
						<c:when test="${count != 0}">
							<p>Tinh trang: Còn Hàng</p>
						</c:when>

						<c:otherwise>
							<p>Tinh trang: Hết Hàng</p>
						</c:otherwise>
					</c:choose>

					<c:forEach var="type" items="${types}">
						<c:set var="flag" value="${0}"></c:set>
						<c:forEach var="detail" items="${productDetail.typeDetails}">
							<c:if test="${detail.type.typeId == type.typeId}">
								<c:set var="flag" value="${1}"></c:set>
							</c:if>
						</c:forEach>
						<c:if test="${flag == 1}">
							<p>
								${type.typeName}: <select name="${type.typeName}">
									<c:forEach var="detail" items="${productDetail.typeDetails}">
										<c:if test="${detail.type.typeId == type.typeId}">
											<option value="${detail.typeDetailName}">${detail.typeDetailName}</option>
										</c:if>
									</c:forEach>

								</select>
							</p>
						</c:if>

					</c:forEach>

					<p>
						So luong: <input type="text" name="count" />
					</p>

					<div class="price">
					<fmt:formatNumber type="number" 
            				maxFractionDigits="0" value="${productDetail.price}" />
					VND</div>
					<input type="image" class="addcart" />
				</div>
			</div>

			<div class="content-detail">
				<p>
					Quần áo đội tuyển Brazil màu xanh thi đấu world cup 2014 hàng Thái
					Lan hiện đang được bán tại cửa hàng thể thao 789sport.com <br />
					Với mẫu mã và chất lượng vượt trội, hiện đang được quý khách hàng
					rất ưa chuộng. <br /> Size: S, M, L, XL <br /> Hàng fake 2 giá:
					150k/bộ. <br /> Hàng fake 1 giá: 290k//bộ.
				</p>
			</div>
		</div>
	</div>
	<!-- CONTENT : START -->

</body>